<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>cate</title>
    <script src="js/winResponsive.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/fee.css">
    <link rel="stylesheet" href="css/cate.css">
</head>

<body>
    <header class="header">
        <a href="" class="logo"></a>
        <form action="" method="get">
            <input type="text" value="" name="search" placeholder="输入商家、分类或商圈">
        </form>
        <span class="code"></span>
        <span class="info"></span>
    </header>
    <section class="content">
        <section class="content-left">
            <ul>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
                <li>卤味熟食</li>
            </ul>
        </section>
        <section class="content-right">
            <h3>优选水果</h3>
            <section class="product">
                <section class="product-left">
                    <img src="images/fruit.jpg" alt="">
                </section>
                <section class="product-right">
                    <section class="name">
                        <span>精选</span>
                        <span>爱鲜蜂-佳沛绿奇异果</span>
                    </section>
                    <span>买一赠一</span>
                    <span>3粒/盒</span>
                    <span>￥16.9</span>
                    <a href=""></a>
                </section>
            </section>
            <section class="product">
                <section class="product-left">
                    <img src="images/fruit.jpg" alt="">
                </section>
                <section class="product-right">
                    <section class="name">
                        <span>精选</span>
                        <span>爱鲜蜂-佳沛绿奇异果</span>
                    </section>
                    <span>买一赠一</span>
                    <span>3粒/盒</span>
                    <span>￥16.9</span>
                    <a href=""></a>
                </section>
            </section>
            <section class="product">
                <section class="product-left">
                    <img src="images/fruit.jpg" alt="">
                </section>
                <section class="product-right">
                    <section class="name">
                        <span>精选</span>
                        <span>爱鲜蜂-佳沛绿奇异果</span>
                    </section>
                    <span>买一赠一</span>
                    <span>3粒/盒</span>
                    <span>￥16.9</span>
                    <a href=""></a>
                </section>
            </section>
            <section class="product">
                <section class="product-left">
                    <img src="images/fruit.jpg" alt="">
                </section>
                <section class="product-right">
                    <section class="name">
                        <span>精选</span>
                        <span>爱鲜蜂-佳沛绿奇异果</span>
                    </section>
                    <span>买一赠一</span>
                    <span>3粒/盒</span>
                    <span>￥16.9</span>
                    <a href=""></a>
                </section>
            </section>
        </section>
    </section>
    <footer class="footer">
        <section class="menu">
            <a href="">
                <img src="images/home.png" alt="">
                <p>首页</p>
            </a>
            <a href="">
                <img src="images/lightning.png" alt="">
                <p>闪送超市</p>
            </a>
            <a href="">
                <img src="images/my.png" alt="">
                <p>我的</p>
            </a>
            <a href="">
                <img src="images/shopping-cart.png" alt="">
                <p>￥0起送</p>
            </a>
        </section>
    </footer>

</body>

</html>